<?php include 'header.php'; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<!--************************************************************-->
<!--CHANGE THIS TITLE TO SOMETHING THAT IS RELEVANT TO YOUR SITE-->
<!--************************************************************-->
<title>Lel-Ltd Location</title>


<style type="text/css">
		/***************************************************************************\
		|* This section is where you can change the look of the page.  *************|
		\***************************************************************************/
		* {
			padding:0px;
			margin:0px;
			font-family:Tahoma, "MS Sans Serif", Arial;
			font-size:10pt;
			color:#4B4B4B;
		}
		
		body {
			min-width:600px;
			text-align:center;
			background-image: url(../images/main3.gif);
		}
		
		#main-wrapper {
			width:600px;
			text-align:left;
			margin:auto;
			margin-top:20px;
			background-color:#EEEEEE;
			border-bottom:2px solid #4B4B4B;
			border-right:2px solid #4B4B4B;			
		}
		
		#main-padding {
			padding:10px;
		}
		
		.footer-fix {
			height:20px;
		}
		
		#menu {
			text-align:center;
			margin-top:20px;
		}
		
		#content {
			margin-top:20px;
		}
		
		a {
			color:#4B4B4B;
		}
		a:hover {
			color:#999999;
		}
		
		h1 {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:14pt;
			margin-bottom:15px;
		}
		
		h2 {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:10pt;
			margin-bottom:15px;
		}
		
		.inline-image {
			vertical-align:middle;
		}
		
		#map_canvas {
			width:580px;
			height:400px;
			margin-top:15px;
		}
		
		#directions {
			margin-top:10px;
		}
		
		.form {
			margin:0px;
			padding:0px; 
			margin-top:20px;
		}
		.form-field {
			vertical-align:middle; 
			border:1px solid #999999;
			background-color:#EEEEEE;
		}
		.form-submit {
			font-family:Georgia, "Times New Roman", Times, serif;
			border:1px solid #999999;
			background-color:#EEEEEE;
			font-size:7pt;
			font-weight:bold;
		}
		
		#main-wrapper #main-padding #bannerdiv {
			width: 132px;
		}
		#main-wrapper #main-padding #headertextdiv {
			width: 570px;
			float: left;
		}
		#main-wrapper #main-padding #seperator {
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #CCCCCC;
			margin: 7px;
		}
		#bannerAddress {
			float: right;
			width: 200px;
		}
		#bannerLogo {
			width: 350px;
			float: left;
		}
		
		/***************************************************************************\
		|* The end of the styles ***************************|
		\***************************************************************************/
</style>
		
        
<!--************************************************************-->
<!--Visit Google Maps to get an api code for your website the link is http://code.google.com/apis/maps/signup.html -->
<!--************************************************************-->
<script src= "http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAF-0D9n0i28RMiI_YXmMmDBToocZnm2Nw0gWYTg2WDeumjhS4KhRC4pVk--Io_X9AdWaTMtCpWp3GZA" type="text/javascript"> </script>
	
<script type="text/javascript">
/* Error messages for possible errors */
		var error_address_empty 	= 'Please enter a valid address first.';
		var error_invalid_address 	= 'This address is invalid. Make sure to enter your street number and city as well?'; 
		var error_google_error 		= 'There was a problem processing your request, please try again.';
		var error_no_map_info		= 'Sorry! Map information is not available for this address.';
		
		
		/**********************************************************************************************************************/
		/* CHANGE THIS TO YOUR ADDRESS - The default address of your store, This address will display on the map on startup */
		/**********************************************************************************************************************/
		var default_address = '11-1557 Brookside Blvd, Winnipeg, MB, R2R 1V6';
		
		var current_address = null; /* Current address we are displaying, we save it here for directions */
		var map				  = null; /* Instance of Google Maps object */
		var geocoder		  = null; /* Instance of Google Deocoder object */
		var gdir				  = null; /* Instance of Google Directions object */
		var map_compatible  = false; /* Whether or not user's browser is compatible to show the map */
		
		/* Check if the browser is compatible */
		if( GBrowserIsCompatible() ) {
			map_compatible = true;
		}
		
		/* Initialize the map this will be called when the document is loaded from: <body onLoad="initialize_map();"> */
		function initialize_map() {
			if( map_compatible ) {
				map 	  	= new GMap2(document.getElementById('map_canvas'));        
				geocoder = new GClientGeocoder();
				show_address(default_address);
				
				/* This displays the zoom controls for the map. If you don't want them just delete the line */
				map.addControl(new GSmallMapControl());
				
				/* This displays the map type. If you don't want that feature then just delete this */
				map.addControl(new GMapTypeControl());
				
			}
		}
		
		/* This function will move the map and shows the address passed to it */
		function show_address(address) {
			if( map_compatible && geocoder ) {
				/* Save this address in current_address value to use later if user wants directions */
				current_address = address;		
				geocoder.getLatLng(
				address,
				function( point ) {
					if( !point ) {
						alert(error_no_map_info);
					} else {
						map.setCenter(point, 13);
						var marker = new GMarker(point);
						map.addOverlay(marker);
						marker.openInfoWindowHtml(address);
					}
				}
				);
			}
			return false;
		}
		
		/* Get the directions */
		function get_directions() {
			if( map_compatible ) {
				if( document.direction_form.from_address.value == '' ) {
					alert(error_address_empty);
					return false;
				}
				/**
				 * Delete the contents of 'directions' DIV first 
				 * because user might ask for directions more than once.
				**/
				document.getElementById('directions').innerHTML = '';
				
				gdir = new GDirections(map, document.getElementById('directions'));
				
				/* Setup to event handlers, one: when the directions are loaded, two: if there was any error */
				GEvent.addListener(gdir, 'load',  onGDirectionsLoad);
				GEvent.addListener(gdir, 'error', handleErrors);
				
				/* Show the directions */
				set_directions(document.direction_form.from_address.value, current_address);			
			}
			return false;
		}
		
		/* This will actually set the directions on the map and loads the direction table */
		function set_directions(fromAddress, toAddress) {
      	gdir.load("from: " + fromAddress + " to: " + toAddress,
                	{ "locale": "en" });
    	}
		
		/* This will handle the errors might happen while retrieving the directions */
		function handleErrors(){
			if( gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS )
				alert(error_invalid_address);
			else if( gdir.getStatus().code == G_GEO_SERVER_ERROR )
				alert(error_google_error);
			else if( gdir.getStatus().code == G_GEO_MISSING_QUERY )
				alert(error_address_empty);
			else 
				alert(error_invalid_address);
		}
		
		/* This function will be called when the directions are loaded */
		function onGDirectionsLoad(){
			/* We will simple scroll down to the directions, but with a little delay so it's loaded */
			setTimeout('eval(\'window.location = "#directions_table"\;\')', 500);
		}
</script>
	
</head>

<body onLoad="initialize_map();">
<div id="main-wrapper">
<div id="main-padding">
  <div id="seperator"></div>
        <table width="100%" height="94">
<tr valign="top">
				<td width="33%" colspan="3">
					
         
  <div id="headertextdiv">
		  		
<div id="bannerLogo">
                     
   <!--******************************************************-->   
           <!--CHANGE THIS INFO TO YOUR OWN-->
   <!--******************************************************-->      
              <h1>Load Express Limited</h1>
              <h2><br />
                      204 | 697 | 9257<br />
                imoosali@gmail.com</h2>
            </div>
            <div id="bannerAddress">
	 
   <!--******************************************************-->    	  
              <!--CHANGE THIS TO YOUR OWN ADDRESS-->
   <!--******************************************************-->
              <p><strong>ADDRESS</strong><br />
		      	11-1557 Brookside Blvd<br />
				Winnipeg, MB<br />
				R2R 1V6<br />
				
   
  <!--*****************************************************************************-->             
   <!--CHANGE THIS TO YOUR OWN ADDRESS. FOLLOW THE FORMAT STREET, CITY, STATE, ZIP --> 
   <!--***************************************************************************-->     
		      	<a href="#" onClick="return show_address('11-1557 Brookside Blvd, Winnipeg, MB, R2R 1V6');">Map it!</a>
             	</p>
		    </div>
					
                    
                    </div>
					
	    <div align="center"></div></td>
</tr>
	</table>

			<div id="seperator"></div>	
	<div id="map_canvas"></div>
		
		<form name="direction_form" onSubmit="get_directions(); return false;" class="form">
			Need directions? Enter your address: <input type="text" name="from_address" class="form-field" /><br /><br />
			<input type="submit" value="  Get Directions  " class="form-submit" />
		</form>		
		
		<a name="directions_table"></a>
		<div id="directions"></div>
		
		<a href="http://www.easykiss123.com" target="_blank">easykiss123</a><br />

</div>
</div>
	<div class="footer-fix"> </div>
</body>
</html>
<?php include 'footer.php'; ?>